<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>支付宝首页</title>
    <link rel="stylesheet" href="../css/koubei.css">
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <script src="../js/flexible.js"></script>
</head>

<body>
    <header>
        <div class="select">
            <div class="city">
                <span>杭州</span>
                <i></i>
            </div>
            <div class="input">
                <i class="iconfont">&#xe686;</i>
                <input type="text" placeholder="吃喝玩乐">
                <i class="iconfont">&#xe7a2;</i>
            </div>

            <i class="iconfont">&#xe62f;</i>
            <i class="iconfont">&#xe609;</i>

        </div>
    </header>
    <section>
        <ul class="nav">
            <li><a href=""><i class="iconfont" style="color:rgb(228, 10, 10)">&#xe671;</i><span>游戏</span></a></li>
            <li><a href=""><i class="iconfont" style="color:rgb(71, 166, 255)">&#xf0039;</i><span>生活缴费</span></a></li>
            <li><a href=""><i class="iconfont" style="color:rgb(243, 153, 50)">&#xe615;</i><span>手机充值</span></a></li>
            <li><a href=""><i class="iconfont" style="color:rgb(228, 10, 10)">&#xe7f4;</i><span>淘票票</span></a></li>
            <li><a href=""><i class="iconfont" style="color:rgb(71, 166, 255)">&#xe64b;</i><span>虾米</span></a></li>
            <li><a href=""><i class="iconfont" style="color:rgb(149, 4, 179)">&#xe7a2;</i><span>加油</span></a></li>
            <li><a href=""><i class="iconfont" style="color:rgb(149, 4, 179)">&#xf0025;</i><span>淘宝</span></a></li>
            <li><a href=""><i class="iconfont" style="color:rgb(228, 10, 10)">&#xe757;</i><span>天猫</span></a></li>
            <li><a href=""><i class="iconfont" style="color:rgb(228, 10, 10)">&#xe621;</i><span>股票</span></a></li>
            <li><a href=""><i class="iconfont" style="color:rgb(243, 153, 50)">&#xe625;</i><span>飞机</span></a></li>
        </ul>
        <img src="../img/1-1.png" alt="">
        <div class="box">
            <h2>超值抢购</h2>
            <ul>
                <li>
                    <a href=""> <img src="../img/2.png" alt="">
                        <h4>云南蜜桔</h4>
                        <p>超值抢购</p><span>13.98元</span></a>
                </li>
                <li>
                    <a href=""> <img src="../img/2.png" alt="">
                        <h4>云南蜜桔</h4>
                        <p>超值抢购</p><span>13.98元</span></a>
                </li>
                <li>
                    <a href=""> <img src="../img/2.png" alt="">
                        <h4>云南蜜桔</h4>
                        <p>超值抢购</p><span>13.98元</span></a>
                </li>
            </ul>
        </div>
    </section>
    <footer>
        <ul>
            <li><a href="shouye.html"><i class="iconfont"">&#xe600;</i><span>首页</span></a></li>
            <li><a href="caifu.html"><i class="iconfont">&#xe60c;</i><span>财富</span></a></li>
            <li><a href="koubei.html"><i class="iconfont">&#x35ee;</i><span>口碑</span></a></li>
            <li><a href="pengyou.html"><i class="iconfont">&#xe61c;</i><span>朋友</span></a></li>
            <li><a href="my.html"><i class="iconfont">&#xe609;</i><span>我的</span></a></li>
        </ul>
    </footer>
</body>

</html>